.perfree-article-content{
    padding: 0px 10px 10px 0px;
}
.photos-box{
    width: 22%;
    height: 146px;
    display: block;
    float: left;
    border: 1px solid #fff;
    border-width: 5px 5px 5px 5px;
    box-shadow: 1px 1px 5px #333;
    -webkit-box-shadow: 1px 1px 5px #aba1a1;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 10px;
}
.photos-box:hover{
    transform:scale(1.02);
}
.photos-img-box{
    width: 100%;
    height: 120px;
}
.photos-img-box img{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.photos-name-box{
    text-align: center;
    line-height: 25px;
    color: #657180;
}
@media screen and (max-width: 1400px){
    .photos-box {
        width: 25%;
    }
}
@media screen and (max-width: 1200px){
    .photos-box {
        width: 30%;
    }
}
@media screen and (max-width: 997px){
    .photos-box {
        width: 44%;
    }
}
@media screen and (max-width: 800px) and (min-width: 600px){
    .photos-box {
        width: 29.8%;
    }
}